/* 轮播图 */

#banner {
    height: 394px;
    min-width: 1242px;
    background: #040710;
    position: relative;
}

#banner .content {
    height: 394px;
    overflow: hidden;
    width:100%;
}
#banner .content a{
    display: block;
    width:100%;
    text-align: center;
}
#banner .content a img{
    min-width:1242px;
}

#banner .select {
    width: 70px;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: 26px;
}

#banner .select a {
    display: block;
    float: left;
    margin-right: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
}

#banner .select a:hover {
    background: rgba(255, 255, 255, 1);
}


/* 软件 */

#soft {
    height: 109px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 34px;
}

#soft>a {
    display: block;
    width: 413px;
    height: 60px;
    float: left;
    padding: 24px 0px;
}

#soft>a>div {
    padding-right: 45px;
}

#soft>a h1 {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}

#soft>a p {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

#soft>a:hover,
#soft .checked {
    background: url(../images/nav_border.png) no-repeat 0 101px;
}

#soft .left>div,
#soft .center>div {
    border-right: 1px solid #e5e5e5;
}

#soft .left::before {
    float: left;
    display: block;
    content: '';
    width: 60px;
    height: 60px;
    background: url(../images/logos.png) no-repeat 0 0px;
    margin-left: 75px;
    margin-right: 22px;
}

#soft .center::before {
    display: block;
    float: left;
    content: '';
    width: 142px;
    height: 60px;
    background: url(../images/logos.png) no-repeat 0 -74px;
    margin-left: 75px;
    margin-right: 22px;
}

#soft .right::before {
    display: block;
    float: left;
    content: '';
    width: 60px;
    height: 60px;
    background: url(../images/logos.png) no-repeat 0 -150px;
    margin-left: 75px;
    margin-right: 22px;
}


/* 最新动态和下载 */


/* 最新动态 */

#dynamicAndDownload {
    margin-bottom: 34px;
}

#dynamicAndDownload .dynamic {
    width: 900px;
    height: 250px;
}

#dynamicAndDownload .dynamic .content a {
    float: left;
    display: block;
    width: 290px;
    border: 1px solid #e5e5e5;
    margin-right: 12px;
}

#dynamicAndDownload .dynamic .content .mrCancel {
    margin-right: 0;
}

#dynamicAndDownload .dynamic .content a {
    overflow: hidden;
}
#dynamicAndDownload .dynamic .content a:hover{
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 4px 8px #e1e1e1;
}

#dynamicAndDownload .dynamic .content a>img {
    width: 290px;
    height: 162px;
    transition: all 2s;
}

#dynamicAndDownload .dynamic .content a>img:hover {
    transform: scale(1.06);
}

#dynamicAndDownload .dynamic .content a>div {
    line-height: 49px;
    font-size: 12px;
    color: #333333;
    text-align: center;
}

#dynamicAndDownload .dynamic .content a:hover {
    text-decoration: none;
}

#dynamicAndDownload .dynamic .content a>div:hover {
    color: #23ac38;
}


/* 下载 */

#dynamicAndDownload .download {
    width: 330px;
    height: 250px;
}

#dynamicAndDownload .download .content {
    width: 328px;
    border-collapse: collapse;
    table-layout: fixed;
    border: 1px solid #e9eaeb;
    border-spacing: 0;
}

#dynamicAndDownload .download .content td {
    border: 1px solid #e9eaeb;
    text-align: center;
    height: 105px;
    font-size: 12px;
    color: #333333;
}

#dynamicAndDownload .download .content td:hover {
    background: #fafafa;
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 4px 8px #e1e1e1;
}

#dynamicAndDownload .download .content td img {
    margin-bottom: 10px;
}

#dynamicAndDownload .download .content td h2 {
    margin-bottom: 10px;
}

#dynamicAndDownload .download .content td>a {
    display: block;
    width: 40px;
    text-align: center;
    line-height: 18px;
    border: 1px solid #e9eaeb;
    margin: 0 auto;
    border-radius: 2px;
    color: #333333;
}

#dynamicAndDownload .download .content td>a:hover {
    background: #23ac38;
    color: white;
    text-decoration: none;
}


/* 安全热点关注 */

#safeHot {
    margin-bottom: 34px;
}

#safeHot .content>a {
    display: block;
    float: left;
    width: 352px;
    border: 1px solid #e9eaeb;
    padding: 20px;
    margin-right: 30px;
}

#safeHot .content .last {
    margin-right: 0;
}

#safeHot .content>a:hover {
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 4px 8px #e1e1e1;
}

#safeHot .content>a img {
    width: 104px;
    height: 104px;
    margin-right: 18px;
}

#safeHot .content>a>div {
    width: 200px;
}

#safeHot .content>a h2 {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 14px;
    margin-top: 16px;
}

#safeHot .content>a p {
    font-size: 14px;
    color: #8a8a8a;
    line-height: 20px;
}

#safeHot .content>a:hover h2,
#safeHot .content>a:hover p {
    color: #23ac38;
}


/* 360安全软件和商城 */

#safeSoftAndMall {
    margin-bottom: 34px;
}


/* 1. 360安全软件 */

#safeSoftAndMall .safesoft {
    width: 608px;
}


/* ========== 安全与商城共享样式 start ======== */

#safeSoftAndMall .content {
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #e9eaeb;
    border-spacing: 0;
}

#safeSoftAndMall .content td {
    border: 1px solid #e9eaeb;
    height: 58px;
    padding: 42px;
    padding-left: 34px;
    position: relative;
}

#safeSoftAndMall .content .cancelMb td {
    padding-bottom: 0;
}


/* ========== 安全与商城共享样式 end ======== */

#safeSoftAndMall .safesoft .content tr:not(:last-child) td:hover {
    background: #fafafa;
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 4px 8px #e1e1e1;
}

#safeSoftAndMall .safesoft .content td img {
    width: 60px;
    height: 60px;
    margin-right: 22px;
}

#safeSoftAndMall .safesoft .content td>div h2 {
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
}

#safeSoftAndMall .safesoft .content td>div>div>a {
    display: block;
    width: 60px;
    height: 28px;
    border: 1px solid #e9eaeb;
    border-radius: 2px;
    color: #333333;
    font-size: 12px;
    text-align: center;
    line-height: 28px;
    float: left;
    margin-right: 10px;
}

#safeSoftAndMall .safesoft .content td>div>div>a:hover {
    background: #23ac38;
    color: white;
    text-decoration: none;
}

#safeSoftAndMall .safesoft .content td>a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #999999;
    text-decoration: underline;
}

#safeSoftAndMall .safesoft .content td>a:hover {
    color: #23ac38;
}


/* 安全软件和360商城里的下边的链接 */

#safeSoftAndMall .content .link>li {
    font-size: 12px;
    height: 30px;
    margin-bottom: 18px;
}

#safeSoftAndMall .content .link>li>a {
    font-weight: bold;
    margin-right: 16px;
}

#safeSoftAndMall .safesoft .content .link .tcolor01 a:hover {
    color: #4999f1;
    text-decoration: none;
}

#safeSoftAndMall .safesoft .content .link .tcolor02 a:hover {
    color: #8f85fd;
    text-decoration: none;
}

#safeSoftAndMall .safesoft .content .link .tcolor03 a:hover {
    color: #ffaf30;
    text-decoration: none;
}

#safeSoftAndMall .safesoft .content .link>li>.computer>div {
    color: #4999f1;
    text-decoration: none;
}

#safeSoftAndMall .safesoft .content .link>li>.phone>div {
    color: #8f85fd;
    text-decoration: none;
}

#safeSoftAndMall .safesoft .content .link>li>.platform>div {
    color: #ffaf30;
    text-decoration: none;
}

#safeSoftAndMall .content .link>li>a>div {
    color: #333333;
    line-height: 30px;
    margin-top: -5px;
}

#safeSoftAndMall .content .link>li>a::before {
    content: '';
    display: block;
    float: left;
    width: 29px;
    height: 30px;
    margin-right: 10px;
    background: url(../images/icons01.png) no-repeat 0 0;
}

#safeSoftAndMall .safesoft .content .link>li>.phone::before {
    background-position: 0 -42px;
}

#safeSoftAndMall .safesoft .content .link>li>.platform::before {
    background-position: 0 -88px;
}

#safeSoftAndMall .content .link>li>ul li {
    float: left;
    padding: 0 14px;
    border-right: 1px solid #e9eaeb;
}

#safeSoftAndMall .content .link>li>ul .last {
    border-right: 0;
}

#safeSoftAndMall .content .link>li>ul li a {
    color: #333333;
}


/* 2. 360商城 */

#safeSoftAndMall .mall {
    width: 608px;
}


/* 小轮播 */

#safeSoftAndMall .mall .content .smallBanner td {
    padding: 0px;
    width: 606px;
    height: 292px;
    position: relative;
}

#safeSoftAndMall .mall .content .smallBanner td .imgshow {
    width: 606px;
    height: 292px;
    overflow: hidden;
}

#safeSoftAndMall .mall .content .smallBanner td .imgshow img {
    width: 606px;
    height: 292px;
}

#safeSoftAndMall .mall .content .smallBanner td .controls {
    width: 70px;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: 30px;
}

#safeSoftAndMall .mall .content .smallBanner td .controls a {
    display: block;
    float: left;
    margin-right: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
}

#safeSoftAndMall .mall .content .smallBanner td .controls a:hover {
    background: rgba(255, 255, 255, 1);
}


/* 小轮播下面的商品 */

#safeSoftAndMall .mall .content .product>td {
    border: 1px solid #e9eaeb;
    height: 58px;
    padding: 22px;
    padding-left: 40px;
    position: relative;
}

#safeSoftAndMall .mall .content .cancelMb td {
    padding-bottom: 0;
}

#safeSoftAndMall .mall .content .product>td>a {
    display: block;
}

#safeSoftAndMall .mall .content .product>td:hover {
    background: #fafafa;
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 4px 8px #e1e1e1;
}

#safeSoftAndMall .mall .content .product>td>a>img {
    width: 100px;
    height: 100px;
}

#safeSoftAndMall .mall .content .product>td>a>div>h2 {
    font-size: 14px;
    color: #333333;
    margin-bottom: 14px;
    margin-top: 35px;
    font-weight: bolder;
}

#safeSoftAndMall .mall .content .product>td>a>div>div {
    font-size: 12px;
    color: #fc6721;
    font-weight: bolder;
}


/* 360商城里下面的链接 */

#safeSoftAndMall .mall .content .link .tcolor01 a:hover {
    color: #23cbd2;
    text-decoration: none;
}

#safeSoftAndMall .mall .content .link .tcolor02 a:hover {
    color: #fe8149;
    text-decoration: none;
}

#safeSoftAndMall .mall .content .link .tcolor03 a:hover {
    color: #1dc96e;
    text-decoration: none;
}

#safeSoftAndMall .mall .content .link>li>.phone360>div {
    color: #23cbd2;
    text-decoration: none;
}

#safeSoftAndMall .mall .content .link>li>.alpha>div {
    color: #fe8149;
    text-decoration: none;
}

#safeSoftAndMall .mall .content .link>li>.game>div {
    color: #1dc96e;
    text-decoration: none;
}

#safeSoftAndMall .mall .content .link>li>.phone360::before {
    background-position: 0 -128px;
}

#safeSoftAndMall .mall .content .link>li>.alpha::before {
    background-position: 0 -176px;
}

#safeSoftAndMall .mall .content .link>li>.game::before {
    background-position: 0 -217px;
}


/* 安全小百科 */

#safetyTrivia {
    margin-bottom: 34px;
}

#safetyTrivia .content ul {
    width: 608px;
}

#safetyTrivia .content ul:first-child>li {
    margin-left: 24px;
}

#safetyTrivia .content ul:last-child>li {
    margin-left: 14px;
}

#safetyTrivia .content ul li a {
    display: block;
    font-size: 14px;
    line-height: 26px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#safetyTrivia .content ul li a:hover {
    color: #23ac38;
    text-decoration: none;
}


/* 新闻动态 安全咨询 社区热帖 电脑安全 */

#list {
    margin-bottom: 50px;
}

#list>div {
    float: left;
    width: 298px;
}

#list>div:not(:last-child) {
    margin-right: 14px;
}


/* 下边内容 */

#list>div>.content {
    width: 298px;
    border: 1px solid #e5e5e5;
}

#list>div>.content>a:nth-child(1)>img {
    width: 298px;
    height: 140px;
}

#list>div>.content>a:nth-child(1)>div {
    width: 278px;
    height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 32px;
    color: white;
    background: #373d41;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

#list>div>.content>ul {
    width: 260px;
    margin-left: 20px;
}

#list>div>.content>ul>li {
    width: 260px;
}

#list>div>.content>ul>li>a {
    display: block;
    color: #333333;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 31px;
}
#list>div>.content>ul>li>a:hover{
    color:#23ac38;
    text-decoration: none;
}

#list>div>.content>a:last-child {
    float: right;
    margin-right: 20px;
    line-height: 31px;
    margin-bottom: 22px;
}
#list>div>.content>a:last-child:hover{
    color:#23ac38;
    text-decoration: none;
}